<?xml version="1.0" encoding="UTF-8"?>
<!--
To change this template, choose Tools | Templates
and open the template in the editor.
-->
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.org/ui">
<h:head>
</h:head>
<h:body>
   <!-- Agregacion de productos a solicitud pedido detalle -->
	<p:dialog header="#{mensaje.titulo_producto}" widgetVar="dlgProduct"
		resizable="false" closable="false" modal="true" appendTo="@(body)" dynamic="true" closeOnEscape="true"
		width="600" height="400">
		<h:form id="formProductos">
		<h:outputLabel value="#{mensaje.titulo_listaproductos}"
							style="font-size:15px;font-weight:bold" />
						<br />
						<br />
						<p:commandButton action="#{solicitudPedidoBean.crearDetalles()}"
						value="#{mensaje['comun.agregar']}" icon="ui-icon-disk" onclick="PF('dlgProduct').hide();"
						update=":formPedidos:tabView:tableDetalles,:formProductos" />
						<p:commandButton value="#{mensaje.action_cancelar}" icon="ui-icon-disk" 
						onclick="PF('dlgProduct').hide();"
						/>
			<p:dataTable id="productoList"
							value="#{solicitudPedidoBean.productoModel}" var="_producto"
							paginator="true" paginatorPosition="bottom" rows="5"  
							selection="#{solicitudPedidoBean.productos}"
							rowKey="#{_producto.id}"
							
							>
							

							<p:column sortBy="#{_producto.nombre}"
								filterBy="#{_producto.nombre}">
								<f:facet name="header">#{mensaje.label_nombre}</f:facet>
                        #{_producto.nombre}
                </p:column>


							<p:column sortBy="#{_producto.descripcion}"
								filterBy="#{_producto.descripcion}">
								<f:facet name="header">#{mensaje.titulo_descripcion}</f:facet>
                        #{_producto.descripcion}
                </p:column>


							<p:column sortBy="#{_producto.DTYPE}"
								filterBy="#{_producto.DTYPE}">
								<f:facet name="header">#{mensaje.titulo_tipo}</f:facet>
                        #{_producto.DTYPE}
                </p:column>					
                <p:column selectionMode="multiple" style="width:2%" />  

						</p:dataTable>
				

		</h:form>	
	</p:dialog>
	<!--Pantalla de formulario principal  -->
	<p:dialog header="#{mensaje.titulo_proveedores}" widgetVar="dlg"
		resizable="false" modal="true" appendTo="@(body)" width="1000"
		height="600" dynamic="true" closable="false">

		<h:form id="formPedidos">
			<h1>#{mensaje.label_solicitud_pedido}</h1>
			<p:commandButton action="#{solicitudPedidoBean.enviar()}"
				value="#{mensaje.accion_enviar}" icon="ui-icon-disk"
				update=":formPrincipal:tableId,:formPedidos" >
				<p:resetInput target="@form"/>
				</p:commandButton>
				
			
			<p:commandButton action="#{solicitudPedidoBean.guardar()}"
				value="#{mensaje.action_guardar}" icon="ui-icon-disk"
				update=":formPrincipal:tableId,:formPedidos,:formPrincipal"> 
				<p:resetInput target="@form"/>
				</p:commandButton>

			<p:commandButton action="#{solicitudPedidoBean.cancelar()}"
				value="#{mensaje.action_cancelar}" immediate="true"
				icon="ui-icon-cancel"
				onclick="PF('dlg').hide();">
				<p:resetInput target="@form" />
			</p:commandButton>

			<p:separator id="separator" />
			<br />
			<p:growl id="growl" autoUpdate="true" />
			<p:focus id="focus" />
			<p:tabView id="tabView">
		
				<p:tab id="tab1" title="#{mensaje.titulo_solicitpedido}">
					<f:facet name="header">#{mensaje.titulo_proveedor}</f:facet>

					<h:panelGrid columns="2">
						<p:outputLabel
							value="#{mensaje.columna_fecha_solicitud}" />
						<p:outputLabel value = "#{solicitudPedidoBean.solicitudPedido.fecha}"/>
						
						<p:outputLabel value="#{mensaje.titulo_formadepago}" />
						<p:selectOneMenu effect="fade"
							value="#{solicitudPedidoBean.solicitudPedido.formaPago}"
							converter="#{formaPagoConverter}" required="true"
							requiredMessage="#{mensaje.error_combo_pais}">
							<f:selectItem itemLabel="#{mensaje.label_seleccioneunvalor}"
								itemValue="#{_formaPago}" itemDisabled="true" />
							<f:selectItems value="#{formapagoList.findAll()}" var="_formaPago"
								itemLabel="#{_formaPago.nombre}" itemValue="#{_formaPago}" />
						</p:selectOneMenu>

						<p:outputLabel 	value="#{mensaje.label_fechaLimite}" /> 
			           <p:calendar value="#{solicitudPedidoBean.solicitudPedido.fechaLimite}" id="popupCal" required="true" requiredMessage="#{mensaje['comun.error.vacio']}" />  
			           
			           <p:outputLabel value = "#{mensaje.columna_situacion}"/>
						<p:selectOneMenu effect="fade"
							value="#{solicitudPedidoBean.solicitudPedido.situacion}"
							required="true" disabled="true"
							requiredMessage="#{mensaje['comun.error.vacio']}" >
							<f:selectItem itemLabel="#{mensaje.label_seleccioneunvalor}"
								itemValue="#{_situacion}" itemDisabled="true" />
							<f:selectItems value="#{solicitudPedidoBean.getSituaciones()}" var="_situacion"
								itemLabel="#{mensaje['comun.situacion']}"  itemValue="#{_situacion}"/>
						</p:selectOneMenu>		           	
						<br />
						

					</h:panelGrid>
						<p:separator id="separatorSolicitud" />
						
						<h:panelGroup>
						<p:commandButton icon="ui-icon-document"
							value="#{mensaje['comun.agregar']} "
							onclick="PF('dlgProduct').show()" immediate="true"
							update=":formProductos" />
							<br />
							<br />
						</h:panelGroup>
						
				        
		    <p:dataTable id="tableDetalles" paginator="true" rows="10"
				value="#{solicitudPedidoBean.solicitudPedido.solicitudPedidosDetalle}" var="_solicitudPedidoDetalle"
				paginatorPosition="bottom" editable = "true">

				<p:column sortBy="#{_solicitudPedidoDetalle.producto.nombre}"
					filterBy="#{_solicitudPedidoDetalle.producto.nombre}">
					<f:facet name="header">#{mensaje.titulo_producto}</f:facet>
                        #{_solicitudPedidoDetalle.producto.nombre}
                </p:column>				

				<p:column sortBy="#{_solicitudPedidoDetalle.cantidad}"
					filterBy="#{_solicitudPedidoDetalle.cantidad}" headerText="#{mensaje.columna_cantidad}">
					<p:cellEditor>
						<f:facet name="output">
						<h:outputText value="#{_solicitudPedidoDetalle.cantidad}" />
						</f:facet>
						<f:facet name="input">
						<h:inputText value="#{_solicitudPedidoDetalle.cantidad}"/>
						</f:facet>
					</p:cellEditor>

                </p:column>
				<p:column>
					<f:facet name="header">#{mensaje.label_opciones}</f:facet>
                     <p:rowEditor/>
                        <p:commandButton id="delsolicitudDetail"
						action="#{solicitudPedidoBean.eliminarDetalle(_solicitudPedidoDetalle)}"
						icon="ui-icon-closethick" update=":formPedidos:tabView:tableDetalles" immediate="true">
						<p:confirm header="Confirmation"
							message="#{mensaje.titulo_confirmacion_producto}"
							icon="ui-icon-alert" />
					</p:commandButton>
				</p:column>

			</p:dataTable>

				</p:tab>
				<p:tab id="tab2" title="#{mensaje.titulo_proveedores}">
					<p:panel id="formProveedoresPanel">
						
						<p:separator id="separatorContact" />
						<h:outputLabel value="#{mensaje.titulo_listaDeproveedores}"
							style="font-size:15px;font-weight:bold" />
						<br />
						<br />
						<h:form id = "idtable">
						<p:dataTable id="proveedoresList"
							value="#{solicitudPedidoBean.proveedorModel}" var="_proveedor"
							paginator="true" paginatorPosition="bottom" rows="5"  
							selection="#{solicitudPedidoBean.solicitudPedido.proveedores}"
							rowKey="#{_proveedor.id}"
							>
							

							<p:column sortBy="#{_proveedor.nombre}"
								filterBy="#{_proveedor.nombre}">
								<f:facet name="header">#{mensaje.titulo_proveedor_nombre}</f:facet>
                        #{_proveedor.nombre}
                </p:column>


							<p:column sortBy="#{_proveedor.ciudad}"
								filterBy="#{_proveedor.ciudad}">
								<f:facet name="header">#{mensaje.titulo_ciudad}</f:facet>
                        #{_proveedor.ciudad.nombre}
                </p:column>


							<p:column sortBy="#{_proveedor.telefono}"
								filterBy="#{_proveedor.telefono}">
								<f:facet name="header">#{mensaje.titulo_telefono}</f:facet>
                        #{_proveedor.telefono}
                </p:column>

							<p:column sortBy="#{_proveedor.email}"
								filterBy="#{_proveedor.email}">
								<f:facet name="header">#{mensaje.titulo_email}</f:facet>
                        #{_proveedor.email}
                </p:column>

							<p:column sortBy="#{_proveedor.sitioWeb}"
								filterBy="#{_proveedor.sitioWeb}">
								<f:facet name="header">#{mensaje.titulo_sitioWeb}</f:facet>
                        #{_proveedor.sitioWeb}
                </p:column>
                <p:column selectionMode="multiple" style="width:2%" />  

						</p:dataTable>
						</h:form>
					</p:panel>
				</p:tab>
			</p:tabView>
			<br />
		</h:form>
	</p:dialog>
</h:body>
</html>
